সিএসএস৩-এ কালার কিওয়ার্ড এমন প্রি-ডিফাইন্ড (pre-defined) রং, যেগুলো সরাসরি স্টাইলিংয়ে ব্যবহার করা যায়। এই কিওয়ার্ডগুলো সিএসএস-এ সাধারণ এবং পরিচিত রংগুলোর নাম দ্বারা চিহ্নিত। এগুলো ব্যবহার করে টেক্সট, ব্যাকগ্রাউন্ড, বর্ডার ইত্যাদির রং সহজেই নির্ধারণ করা যায়।
কালার কিওয়ার্ড কী?
কালার কিওয়ার্ড এমন নাম্বার বা কোড ছাড়াই সরাসরি রং প্রদর্শন করতে ব্যবহৃত একটি সহজ উপায়। উদাহরণস্বরূপ:
color: red;
background-color: blue;
উপরের উদাহরণে red এবং blue হলো কালার কিওয়ার্ড।
প্রাথমিক কালার কিওয়ার্ড
সিএসএস৩-এ কিছু সাধারণ এবং ব্যাপকভাবে ব্যবহৃত কালার কিওয়ার্ড রয়েছে। যেমন:
- Red: লাল
- Blue: নীল
- Green: সবুজ
- Black: কালো
- White: সাদা
- Yellow: হলুদ
- Gray: ধূসর
- Cyan: আকাশি
- Magenta: বেগুনি
এক্সটেন্ডেড কালার কিওয়ার্ড
সিএসএস৩ আরও উন্নত রঙের ভাণ্ডার যোগ করেছে। উদাহরণস্বরূপ:
- AliceBlue
- AntiqueWhite
- Aquamarine
- Beige
- Coral
- DarkSlateGray
- Goldenrod
- LightSalmon
- MediumVioletRed
- RoyalBlue
- SeaGreen
এই এক্সটেন্ডেড কিওয়ার্ডগুলো ওয়েব ডেভেলপমেন্টে আরও স্টাইলিশ এবং বৈচিত্র্যময় ডিজাইন তৈরির সুযোগ দেয়।
উদাহরণ: কালার কিওয়ার্ড ব্যবহার
উদাহরণ ১: সাধারণ রং ব্যবহার
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: red;
}
p {
color: green;
}
</style>
</head>
<body>
<h1>This is a heading.</h1>
<p>This is a paragraph.</p>
</body>
</html>
উদাহরণ ২: এক্সটেন্ডেড রং ব্যবহার
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: LightBlue;
color: MidnightBlue;
padding: 20px;
}
</style>
</head>
<body>
<div>This is a colored div.</div>
</body>
</html>
কালার কিওয়ার্ড বনাম অন্যান্য পদ্ধতি
কালার কিওয়ার্ডের পাশাপাশি সিএসএস৩-এ রং প্রদর্শনের জন্য Hexadecimal, RGB, HSL, এবং RGBA পদ্ধতিও ব্যবহার করা যায়। উদাহরণ:
- Hexadecimal:
#FF0000(Red) - RGB:
rgb(255, 0, 0)(Red) - HSL:
hsl(0, 100%, 50%)(Red) - RGBA:
rgba(255, 0, 0, 0.5)(Transparent Red)
কালার কিওয়ার্ড সহজ এবং দ্রুত, তবে জটিল রঙের ক্ষেত্রে অন্যান্য পদ্ধতিগুলো অধিক কার্যকর।
সেরা চর্চা
- পাঠযোগ্যতা বজায় রাখুন: কালার কিওয়ার্ড এমনভাবে ব্যবহার করুন যাতে টেক্সট এবং ব্যাকগ্রাউন্ডের রঙের মধ্যে কনট্রাস্ট ভালো থাকে।
- সুনির্দিষ্ট পছন্দ: যেখানে নির্দিষ্ট রঙের প্রয়োজন, সেক্ষেত্রে Hex বা RGB ব্যবহার করুন।
- ডকুমেন্টেশনে কিওয়ার্ড উল্লেখ করুন: কোডে ব্যবহার করা কিওয়ার্ডের উদ্দেশ্য পরিষ্কার রাখুন।
সিএসএস৩-এ কালার কিওয়ার্ড ওয়েব ডিজাইনে দ্রুত এবং সহজ স্টাইলিংয়ের জন্য একটি কার্যকর পদ্ধতি। এগুলো বিশেষ করে প্রাথমিক বা সাধারণ ডিজাইন তৈরিতে বেশ কার্যকর।
Read more
